<html lang="en">

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="icon" type="image/png" href="img/coma_icon.png" />

    <title>COMA Framework</title>

    <!-- encriptar https://code.google.com/p/crypto-js/ -->
    <script src="./js/md5.js" type="application/javascript"></script>
    <script src="./js/enc-base64.js" type="application/javascript"></script>
    <script src="./js/aes.js" type="application/javascript"></script>

    <!-- jquery -->
    <script src="./js/jquery-2.1.1.js" type="application/javascript"></script>
    <script src="./js/jquery-ui.js" type="application/javascript"></script>
    <link href="./css/jquery-ui.css" rel="stylesheet">
    <link href="./css/jquery-ui.structure.css" rel="stylesheet">
    <link href="./css/jquery-ui.theme.css" rel="stylesheet">
    <script src="./js/jquery.confirm.js"></script>
    <script src="./js/jquery.maskedinput.js"></script>
    <!-- Plugin to format currency fields: http://plugins.jquery.com/autoNumeric/ -->
    <script src="./js/autoNumeric.js"></script>
    <!-- Plugin to create cookie https://github.com/carhartl/jquery-cookie  -->
    <script src="./js/jquery.cookie-1.4.1.min.js"></script>
    <!-- Plugin to export to Excel worksheets -->
    <script src="js/jquery.battatech.excelexport.js"></script>
    <!-- loading spinner plugin -->
    <script src="js/spin.js"></script>
    <!-- Plugin to remember form values -->
    <script src="js/jquery.formsaver.js"></script>

    <!-- Bootstrap -->
    <script src="./bootstrap/js/bootstrap.js"></script>
    <link href="./bootstrap/css/bootstrap.css" rel="stylesheet">

    <script src="./js/base64.js"></script>
    <script src="js/jquery.base64.js"></script>
    <script src="js/jquery.confirm.js"></script>

    <link href="./css/fileinput.css" rel="stylesheet">

    <!-- coma framework -->
    <script src="./js/coma-loader.js" type="application/javascript"></script>

    <!-- Load customs -->
    <link href="./css/index.css" rel="stylesheet">
</head>

<body>
    <div id="container" class="container">

        <div id="menu">
            <div class="navbar-header">
                <div id="project_title" class="navbar-brand">Project name</div>
            </div>
            <div class="navbar-collapse collapse">
                <ul class="nav navbar-nav" id="sections">
                </ul>

                <ul class="nav navbar-nav navbar-right">
                    <li><a style="color:black; text-decoration:none"><span>Bienvenido, <b><div id="lbl_user" style="display: inline">Usuario Usuario</div></b>
                        </span></a>
                    </li>
                    <li><a href="./help/manual.pdf" target="_blank" ><span class="glyphicon glyphicon-question-sign" title="ayuda" alt="ayuda"></span></a>
                    </li>
                    <li><a href="#" data-toggle="dropdown"><span class="glyphicon glyphicon-cog"></span></a> 
                        <ul id="menuConfiguracion" role="menu">
                            <li id="controlAdmin"><a href="#" onclick="showAdminPannel()"><span class="glyphicon glyphicon-wrench" ></span>&nbsp;Administración</a>
                            </li>
                            <li id="controlCambioPassword" class="password"><a id="accionCambioPassword" href="#" data-toggle="modal" data-target="#modal_password"><span class="glyphicon glyphicon-lock" ></span>&nbsp;Cambio de password</a>
                            </li>
                            <li class="divider"></li>
                            <li id="controlCerrarSesion"><a href="#" onclick="cerrarSesion()"><span class="glyphicon glyphicon-off" ></span>&nbsp;Cerrar sesion</a>
                            </li>
                        </ul>

                    </li>
                </ul>
            </div>
        </div>

        <div id="list_container">
        </div>

        <div id="edit_container">
        </div>

        <div id="login_container">
        </div>

      <!--  <div id="status_bar" class="status_bar" style="margin-top: 15px">
        </div>-->
    </div>
    <!-- end container -->

    <!-- Password change -->
    <!-- Modal -->
    <div class="modal fade" id="modal_password" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Cerrar</span>
                    </button>
                    <h4 class="modal-title" id="myModalLabel">Cambio de contraseña</h4>
                </div>
                <div class="modal-body">
                    <div class="row">
                        <div class="form-group col-md-12">
                            Por favor. Introduzca su antigua y nueva contraseña.
                        </div>
                    </div>

                    <div class="row">
                        <div class="form-group col-md-12">
                            <label class="col-md-6 control-label" for="nombre">Contraseña actual</label>
                            <div class="col-md-6">
                                <input id="old_password" type="password" placeholder="..." class="form-control input-md">
                            </div>
                        </div>
                        <div class="form-group col-md-12">
                            <label class="col-md-6 control-label" for="nombre">Nueva contraseña</label>
                            <div class="col-md-6">
                                <input id="new_password" type="password" placeholder="..." class="form-control input-md">
                            </div>
                        </div>
                        <div class="form-group col-md-12">
                            <label class="col-md-6 control-label" for="nombre">Repita la contraseña</label>
                            <div class="col-md-6">
                                <input id="retype_password" type="password" placeholder="..." class="form-control input-md">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Cancelar</button>
                    <button type="button" class="btn btn-warning" onclick="changePassword()">Guardar</button>
                </div>
            </div>
        </div>
    </div>

    <div id="lyr_messages" class="modal fade">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span>
                    </button>
                    <h4 class="modal-title">
                        <div id="message_title">
                            Titulo
                        </div>
                   </h4>
                </div>
                <div class="modal-body">
                    <div id="lyr_messages_text">Mensaje</div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Continuar</button>
                </div>
            </div>
            <!-- /.modal-content -->
        </div>
        <!-- /.modal-dialog -->
    </div>
    <!-- /.modal -->


    <div id='ajax_loader'>
        <div style="position: fixed; left: 50%; top: 50%;">
            <img id="loading_img" src="img/loading.gif"></img>
        </div>
    </div>

    <div class='notifications top-left'></div>

    <div id="excel_export">
    </div>

</body>

</html>